<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <title>iLEADER</title>
  <style>#main{width:1000px; height: 500px;margin: auto;}</style>
</head>
<body>

<div id="main"></div>

<script src="../dist/lib/jquery.min.js"></script>
<script src="../dist/lib/echarts/echarts.min.js"></script>
<script src="../dist/lib/echarts/map/js/china.js"></script>
<script>
  var chart = echarts.init(document.getElementById('main'));
  // chart.setOption({
  //   series: [{
  //     type: 'map',
  //     map: 'china'
  //   }]
  // });
  chart.setOption({
    title: {
      text: "学员上课分布区域",
      left: "center"
    },
    tooltip: {
      trigger: "item"
    },
    legend: {
      orient: "vertical",
      x: "left"
    },
    dataRange: {
      min: 0,
      max: 2500,
      x: "left",
      y: "bottom",
      text: ["高", "低"],
      calculable: true
    },
    roamController: {
      show: true,
      x: "right",
      mapTypeControl: {
        china: true
      }
    },
    series: {
      type: "map",
      mapType: "china",
      roam: false,
      mapValueCalculation: "sum",
      itemStyle: {
        normal: {
          label: {
            show: true
          }
        },
        emphasis: {
          label: {
            show: true
          }
        }
      },
      data: [
        {
          name: "北京",
          value: 234
        },
        {
          name: "天津",
          value: 532
        },
        {
          name: "上海",
          value: 134
        },
        {
          name: "重庆",
          value: 983
        },
        {
          name: "河北",
          value: 783
        },
        {
          name: "河南",
          value: 345
        },
        {
          name: "云南",
          value: 872
        },
        {
          name: "辽宁",
          value: 94
        },
        {
          name: "黑龙江",
          value: 342
        },
        {
          name: "湖南",
          value: 989
        },
        {
          name: "安徽",
          value: 767
        },
        {
          name: "山东",
          value: 675
        },
        {
          name: "新疆",
          value: 874
        },
        {
          name: "江苏",
          value: 874
        },
        {
          name: "浙江",
          value: 878
        },
        {
          name: "江西",
          value: 928
        },
        {
          name: "湖北",
          value: 44
        },
        {
          name: "广西",
          value: 448
        },
        {
          name: "甘肃",
          value: 887
        },
        {
          name: "山西",
          value: 903
        },
        {
          name: "内蒙古",
          value: 673
        },
        {
          name: "陕西",
          value: 563
        },
        {
          name: "吉林",
          value: 747
        },
        {
          name: "福建",
          value: 112
        },
        {
          name: "贵州",
          value: 473
        },
        {
          name: "广东",
          value: 647
        },
        {
          name: "青海",
          value: 838
        },
        {
          name: "西藏",
          value: 626
        },
        {
          name: "四川",
          value: 515
        },
        {
          name: "宁夏",
          value: 172
        },
        {
          name: "海南",
          value: 77
        },
        {
          name: "台湾",
          value: 837
        },
        {
          name: "香港",
          value: 677
        },
        {
          name: "澳门",
          value: 43
        }
      ]
    }
  })
</script>
</body>
</html>